.welcome-messages-modal{
  .carousels {
    .carousel {
      position: relative;
      overflow: hidden;
      img {
        position: relative;
      }
      .carousel-title {
        position: absolute;
        padding-left: 20px;
        width: 100%;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0, 0, 0, .4);
        height: 40px;
        line-height: 40px;
        color: white;
      }
    }
    .ant-card-body {
      .slick-dots {
        top: 12px;
        bottom: auto;
      }
    }
  }
}
